<template>
  <div>
    <!-- 资讯-->
   <ul class="mui-table-view">
   				<li class="mui-table-view-cell mui-media" v-for="item in newlist" :key="item.id">
   					<router-link :to="'/HomeContainer/NewInfo/'+item.id">
   						<img class="mui-media-object mui-pull-left" :src="item.img_url">
   						<div class="mui-media-body">
   							<h1>{{item.title}}</h1>
                <p class='mui-ellipsis'>
                  <span>发表时间：{{item.add_time|dataFormat}} </span>
                  <span>点击:{{item.click}}次</span>
                </p>
   						</div>
   					</router-link>
   				</li>
   			</ul>
  </div>
</template>

<script>
  export default{
    data(){
      return{
        newlist:[
          //由于没写过接口文档 用假数据来代替 后续学了接口文档怎么写 再用vue-resoure请求数据
          {
            id:1,
            title:'<<一人之下>>:周蒙与老天师不相上下',
            add_time:"2020-03-16T03:28:05.000Z",
            zhaiyao:"《一人之下》这部动漫当中，目前的天花板毫无疑问是老天师，但其实除了他之外还有一个强的可怕的人。",
            click:1,
            img_url:'https://tse2-mm.cn.bing.net/th/id/OIP.5gmpx9ge8gJnQUihucB2-AHaEK?w=298&h=165&c=7&o=5&pid=1.7'
          },
          {
            id:2,
            title:'海贼王980话：尾田江郎才尽，烂尾明显',
            add_time:"2020-04-17T08:24:45.000Z",
            zhaiyao:"海贼王980话已经更新了，这一话最令人大跌眼镜的是路飞与索隆竟然被阿普搞得如此狼狈，路飞直接被阿普的音波炸晕，索隆也被音波斩伤",
            click:2,
            img_url:'https://tse4-mm.cn.bing.net/th/id/OIP.trjf7UhQ7rPtIB1Ex6cp9AHaFj?w=275&h=206&c=7&o=5&pid=1.7'
          },
          {
            id:3,
            title:'爆笑解忧更新到了868话',
            add_time:"2020-04-12T05:55:23.000Z",
            zhaiyao:"阿衰给大脸妹表演打快板，还编了一段台词，把大脸妹比作嫦娥。",
            click:5,
            img_url:'https://inews.gtimg.com/newsapp_bt/0/11532355705/1000'
          },
          {
            id:4,
            title:'全职猎人持续连载中~~~',
            add_time:"2020-07-16T08:27:15.000Z",
            zhaiyao:"又一部人气少年漫《鬼灭之刃》完结，然而《全职猎人》还在连载中",
            click:3,
            img_url:'https://tse4-mm.cn.bing.net/th/id/OIP.zrHOk1SQDvwpyGCzjRqsZQHaHd?w=190&h=191&c=7&o=5&pid=1.7'
          },
          {
            id:5,
            title:'鬼灭之刃开始正式连载',
            add_time:"2020-03-16T05:18:55.000Z",
            zhaiyao:"酷拉皮卡上船，《鬼灭之刃》正式开始连载，当《鬼灭之刃》完结之时，酷拉皮卡还在船上。",
            click:8,
            img_url:'https://tse2-mm.cn.bing.net/th/id/OIP.kJbbFz2SpMpecBySTAHOVgHaKo?w=190&h=273&c=7&o=5&pid=1.7'
          },
          {
            id:6,
            title:'诸神乱战，神话题材是否需要出新？',
            add_time:"2020-05-23T06:38:48.000Z",
            zhaiyao:"因为疫情的原因，导致很多电影延后了，在动画电影这块《姜子牙》和《新封神：哪吒重生》已经基本敲定上映的时间，不用说又将是一番诸神乱战。",
            click:9,
            img_url:'https://inews.gtimg.com/newsapp_bt/0/11786681672/1000'
          },
          {
            id:7,
            title:'这部《新封神：哪吒重生》将于暑期跟大家相见',
            add_time:"2020-06-05T09:20:36.000Z",
            zhaiyao:"可能因为这部电影的宣传还没有开始，大家还不熟悉它，那么《白蛇：缘起》大家都知道吗？没错，打造《新封神：哪吒重生》的就是《白蛇：缘起》的原班人马",
            click:11,
            img_url:'https://inews.gtimg.com/newsapp_bt/0/11786682825/1000'
          },
          {
            id:8,
            title:'《二郎神之深海蛟龙》就已在电影局备案，',
            add_time:"2020-04-13T08:08:15.000Z",
            zhaiyao:"正式海报也放了出来，不过《二郎神之深海蛟龙》具体上映时间未定",
            click:98,
            img_url:'https://inews.gtimg.com/newsapp_bt/0/11786683396/1000'
          },
          {
            id:9,
            title:'原班人马打造的《大圣闹天宫》也即将在2020年上映。',
            add_time:"2020-06-16T01:48:43.000Z",
            zhaiyao:"有没有感觉即将到来的2020年后半年将会是诸神乱战？而且将会是精彩纷呈。",
            click:56,
            img_url:'https://inews.gtimg.com/newsapp_bt/0/11786684324/1000'
          },
          {
            id:10,
            title:'大话降龙：浑然不觉自己掉进“鸿门宴”',
            add_time:"2020-08-22T06:58:32.000Z",
            zhaiyao:"欢迎来到《大话降龙》漫画专线，这里是雨过了天晴了，这部漫画的主人公是降龙大侠，故事情节丰富，下面我们一起来看看今天降龙大侠发生了什么",
            click:45,
            img_url:'https://imgsa.baidu.com/forum/w%3D580/sign=ec62fd9803f431adbcd243317b37ac0f/9826e13d70cf3bc7c1e8d5e6de00baa1cc112afb.jpg'
          },
          {
            id:11,
            title:'为什么让宫城良田来接任篮球队的下一任队长？',
            add_time:"2020-06-15T03:18:26.000Z",
            zhaiyao:"灌篮高手》中为何宫城良田能够成为湘北的下一任队长？实际上原因并不复杂，这与日本学校和社会习俗有关系，简而言之参考队长的任职条件来说是球员资历＞个人能力＞角色性格",
            click:5,
            img_url:'https://inews.gtimg.com/newsapp_bt/0/11785684968/1000'
          },
          {
            id:12,
            title:'真禅圣王不愧是天之下第一人！',
            add_time:"2020-11-16T08:38:32.000Z",
            zhaiyao:"武庚纪动漫在刚刚更新了最新的一集，这一集的剧情以打戏为主，不过冥族目前正在处于劣势当中，经过这场战斗，冥族起义大军发现了神族的可怕之处，",
            click:55,
            img_url:'https://inews.gtimg.com/newsapp_bt/0/11789555908/1000'
          },
          {
            id:13,
            title:'魔罗匹敌吉连，轻松超越自在极意兆',
            add_time:"2020-08-18T04:28:36.000Z",
            zhaiyao:"龙珠超漫画60话的内容已经更新，这一话大部分篇幅都是悟空与魔罗之间的战斗，同时也是自在极意兆正式“掉价”的一话。",
            click:16,
            img_url:'https://inews.gtimg.com/newsapp_bt/0/11782671960/1000'
          },
          {
            id:14,
            title:'哪吒想放风筝，敖烈就可以成为风筝',
            add_time:"2020-08-26T07:48:45.000Z",
            zhaiyao:"敖烈和哪吒都是《非人哉》的主角之一，敖烈本身是龙，而哪吒最喜欢的就是龙。",
            click:18,
            img_url:'https://inews.gtimg.com/newsapp_bt/0/11574938994/1000'
          }
        ]


      }

    }


  }
</script>

<style scoped>
  .mui-table-view li h1{
    font-size: 14px;
  }
  .mui-ellipsis{
    font-size: 12px;
    color: #007AFF;
    display: flex;
    justify-content:space-between ;
  }
</style>
